<template>
  <div class="commodityControl">
    <DimensionalityOptions />
    <ProductTable v-show="type === '商品维度'" />
    <StoreTable v-show="type === '门店维度'" />
  </div>
</template>

<script setup>
import { useDimensionality } from './Components/hooks'
import DimensionalityOptions from './Components/DimensionalityOptions.vue'
import ProductTable from './Components/ProductTable.vue'
import StoreTable from './Components/StoreTable.vue'

const { type } = useDimensionality()
</script>

<style lang="less" scoped>
.commodityControl{
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #F3F3F3;
}
</style>